<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>签到管理</title>
    <style type="text/css">
        .align-center {
            margin: 0 auto; /* 居中 这个是必须的，，其它的属性非必须 */
            width: 500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */
            /* background: red; /* 背景色 */
            text-align: center; /* 文字等内容居中 */
        }
        .align-right {
            margin: 0 fill; /* 居中 这个是必须的，，其它的属性非必须 */
            width: 500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */
            /* background: red; /* 背景色 */
            text-align: center; /* 文字等内容居中 */
        }
    </style>
</head>
<body>
<div class="align-center">
    <h1>登录成功!</h1>
    <h3>欢迎您! <a href="#">{{ showUserName }}</a></h3>
</div>
</body>
</html>